<!--
 * @Author: your name
 * @Date: 2021-08-12 16:03:52
 * @LastEditTime: 2021-08-19 15:58:22
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \练习\wangyiyanxuan .html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选头部页面</title>
    <link rel="stylesheet" href="./10-toubiyemian.css">
    <!-- 引入字体图标库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2746366_plo7gg3au1.css">
</head>
<body>
    <!-- header -->
    <div class="header">
        <!-- top -->
        <div class="top">
            <!-- 固定宽度显示内容 -->
            <div class="wapper">
                <div class="left">
                    <i class="iconfont icon-gonggao-copy"></i>
                    <a href="">公告因事件（疫情、特大暴雨、台风）影响，部分地区无法配送公告</a>
                    
                </div>
                <div class="right">
                    <div>
                        <div><a href="">登录/注册</a></div>
                    </div>
                    <div>
                    <div>
                        <a href="">我的订单</a></div>
                    </div>
                    <div>
                        <div><a href="">会员</a></div>
                    </div>
                    <div>
                        <div><a href="">甄选家</a></div>
                    </div>
                    <div>
                        <div>
                            <a href="">企业采购
                                <i class="iconfont icon-arrow-down"></i>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div>
                            <a href="">客户服务
                                <i class="iconfont icon-arrow-down"></i>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div>
                            <a href="">
                                <i class="iconfont icon-shouji"></i>
                                APP
                            </a>
                        </div>
                    </div>    
                </div>
            </div>
            <!-- 固定显示内容结束 -->
        </div>
        <!-- top结束 -->
        <!-- bottom -->
        <div class="bottom">
            <div class="wapper">
                <!-- search -->
                    <div class="search">
                        
                    </div>
                <!-- search结束 -->
                <!-- menu -->
                <div class="menu">
                    
                </div>
                <!-- menu结束 -->
            </div>
            
        </div>
        <!-- bottom结束 -->
    </div>
    <!-- header结束 -->
    <!-- content -->
    <div class="content">
        
    </div>
    <!-- content结束 -->
    <!-- footer -->
    <div class="footer">

    </div>
    <!-- footer结束 -->
</body>
</html>
